<template>
  <a-input-search v-model:value="title" class="search" @search="onSearch" :placeholder="placeholder"/>
</template>
<script lang="ts" setup>
import {ref} from "vue";

const emit = defineEmits(['searchTitle']);

const title = ref<any>();

const props = defineProps({
  placeholder: {
    type: String,
    default: "标题、关键词检索"
  }
})

function onSearch() {
  emit("searchTitle", title.value)
}
</script>
<style lang="css" scoped>
.search {
  width: 220px;
}


:deep(.ant-input-group-addon:last-child .ant-input-search-button) {
  color: #ee9900 !important;
}
</style>
